import axios, { type AxiosResponse } from 'axios';
import { ElMessage, ElMessageBox } from 'element-plus';

/* 定义response对象的data接口 */
interface ResponseData<T> {
  code: number;
  data: T;
  message: string;
}

// 配置新建一个 axios 实例
const service = axios.create({
  baseURL: '/mock', // mock服务器的前缀变成/mock 
  timeout: 1000,
});

// 添加请求拦截器
service.interceptors.request.use(
  (config) => {
    return config;
  }
);

// 添加响应拦截器
service.interceptors.response.use(
  /* 约束一下response */
  async (response: AxiosResponse<ResponseData<any>>) => {
    // 对响应数据做点什么
    const res = response.data; // {code:200,data:[],message:'ok'}
    return res.data
  },
  (error) => {
    // 对响应错误做点什么
    ElMessage.error('请求失败了...')
    return Promise.reject(error);
  }
);

export default service;
